<template>
  <div class="foot-div">
    <div class="blog-footer"></div>
    <div class="foot1">
      <div class="card-deck mb-3 text-center">
        <div class="col-md-4 mb-4 shadow-sm">
          <div class="card-body">
            <h4 class="card-title pricing-card-title">资源加盟</h4>
            <p class="text-default">
              欢迎任何有资源的朋友加入我们一起合作
            </p>
          </div>
        </div>
        <div class="col-md-4 mb-4 shadow-sm">
          <div class="card-body">
            <h4 class="card-title pricing-card-title">何为超省钱</h4>
            <p class="text-default">
              网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品
            </p>
          </div>
        </div>
        <div class="col-md-4 mb-4 shadow-sm">
          <div class="card-body">
            <h4 class="card-title pricing-card-title">扫码关注</h4>
            <img style="width: 104px; height: 104px;" class="img-responsive" src="/static/erweima.png" />
          </div>
        </div>
      </div>
    </div>
    <div style="background-color:#414141;color: white;">
      <footer class="container py-5">
        <div class="row">
          <div class="col-12 col-md">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                 stroke-linejoin="round" class="d-block mb-2">
              <circle cx="12" cy="12" r="10"></circle>
              <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
              <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
              <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
              <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
              <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
              <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
            </svg>
            <small class="d-block mb-3 text-muted">&copy; 2017-2018</small>
          </div>
          <div class="col-6 col-md">
            <h5>加盟合作</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">超市加盟</a></li>
              <li><a class="text-muted" href="#">商务合作</a></li>
              <li><a class="text-muted" href="#">广告合作</a></li>
              <li><a class="text-muted" href="#">开放平台</a></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5>关于我们</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">关于我们</a></li>
              <li><a class="text-muted" href="#">联系我们</a></li>
              <li><a class="text-muted" href="#">帮助中心</a></li>
              <li><a class="text-muted" href="#">友情链接</a></li>
              <li><a class="text-muted" href="#">用户反馈</a></li>
            </ul>
          </div>
        </div>
      </footer>
    </div>
  </div>
</template>

<script>
  import { mapState } from 'vuex';

  export default {
    name: 'foot-info',
    computed:{

    },
    data () {
      return {
      }
    },
    methods:{
    },
    mounted(){
    }
  }
</script>

<style scoped>

  .foot-div{
    line-height: 1.5;
  }

  .foot1{
    width: 60%;
    margin-left: 20%;
  }

  /*
    * Footer
    */
  .blog-footer {

    padding: 2.5rem 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
  }
  .blog-footer p:last-child {
    margin-bottom: 0;
  }
</style>
